/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import React, {Component} from 'react';
import {View} from 'react-native';

// project
import {
    Hand, Svg, Text,  ItemY, Footer, ButtonOpacity, ButtonLight, TouchOpacity, TouchLight, Between, Image, Row
} from '../../../library'


/******************************************************************************************
 * Export Class
 ******************************************************************************************/

export default class ArticleIndex extends Component {

    /*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
	constructor(props) {
        super(props);

        /**
         * state
         */
        this.state = {

        };
    }

    /*------------------------------------------------------------------------------------
	 * 自定义方法
	 *-----------------------------------------------------------------------------------*/

	/*------------------------------------------------------------------------------------
	 * 渲染
	 *-----------------------------------------------------------------------------------*/
	render() {

        // 制作样式
        // color
        const current = this.props.current;

        // 渲染
		return (
            <Footer bg='#fff' pa='10'>
                    <TouchOpacity f='1'>
                        <ItemY x='center' y='center'>
                            {current == 'news' ? <Text color='red'>@</Text> : <Text>@</Text>}
                            <Text>动态</Text> 
                        </ItemY>
                    </TouchOpacity>
                    <TouchOpacity f='1'>
                        <ItemY x='center' y='center'>
                            {current == 'info' ? <Text color='red'>@</Text> : <Text>@</Text>}
                            <Text>资料</Text>
                        </ItemY>
                    </TouchOpacity>
                    <TouchOpacity f='1'>
                        <ItemY x='center' y='center'>
                            {current == 'class' ? <Text color='red'>@</Text> : <Text>@</Text>}
                            <Text>课堂</Text>
                        </ItemY>
                    </TouchOpacity>
                    <TouchOpacity f='1'>
                        <ItemY x='center' y='center'>
                            {current == 'my' ? <Text color='red'>@</Text> : <Text>@</Text>}
                            <Text>我的</Text>
                        </ItemY>
                    </TouchOpacity>
            </Footer>
			
		);
	}
}
